
/* CSS Document */
.login .art-blockcontent {background:url("images/intro_m.png") repeat-y ; height:380px; margin-left:11px;}
.login .rbottom{background:url("images/intro_b.png") no-repeat ; height:22px; margin-left:10px;}
.login .frmlogin {padding-top:25px; margin: 35px 100px; padding-bottom:25px; padding-left:100px; border:1px solid #FFCC99;}
.login  .frmlogin .row {padding:15px;}
.login .frmlogin .image {background:url(images/key.png) no-repeat; height:69px; width:77px; margin-left:-77px;} 
.login  .frmlogin .txtusername {background:url(images/bg_textbox.png) no-repeat; height:43px; width:255px; border:none ; padding-left:10px; color:#999999}
.login .frmlogin .txtpass { background:url(images/bg_textbox.png) no-repeat; height:43px; width:255px; border:none; padding-left:10px; color:#999999}
.button { background:url(images/bg_btn.png) no-repeat; width:104px; height:38px; border:none;margin-left:15px; color:#000000; text-transform:uppercase; cursor:pointer;}
/* register */
.register .frmregister .row{padding-left:100px; padding-bottom:10px; padding-top:10px;}
.register .frmregister .row #txtname { margin-left:30px;}
.register .frmregister .row #txtpass { margin-left:66px;}
.register .frmregister .row #txtconfim { margin-left:10px;}
.register .frmregister .row #txtemail  { margin-left:91px;}
.register .frmregister .row #txtemail  { margin-left:91px;}
.register .frmregister .row-last {margin-left:210px; padding-bottom:15px;}

.register .frmregister .row-last .button { background:url(images/bg_btn.png) no-repeat; width:104px; height:38px; border:none;margin-left:25px; color:#000000; text-transform:uppercase; cursor:pointer;}
.frmedit {  margin: 25px 21px 10px 26px; border:1px solid #990000; padding-left:50px;}
.frmedit  input , select  {margin-left:50px;}
.frmedit .settingrow {padding:10px;}
.listuser {margin-left:26px;}
.listuser .tstt, .tname, .tpass, .temail, .stt, .name, .email, .pass, .trole, .role {float:left; border-top:1px solid #990000; padding-left:10px; padding-right:25px; border-right:1px solid #990000; border-bottom:1px solid #990000; background-color:#FF9966; padding-bottom:4px; padding-top:4px;}
.listuser .tstt, .stt {border-left:1px solid #990000; width:20px;}
.listuser .tname, .name {width:100px;}
.listuser .tpass, .pass {width:250px;}
.listuser .temail, .email {width:200px;}
.listuser .trole, .role {width:100px; border-right:1px solid #990000; width:50px;}
.listuser .stt, .name, .pass, .email, .role {background-color:#FFCC99}
/* product by category*/


.products .modulecontent { float:left; width:733px;}
.products .productitem {background:url(images/bg_item1.png) no-repeat bottom center; width:223px; height:250px;; float:left; padding:6px;}
.products .productitem .wrapimages {height: 174px;  margin-left: 19px; width: 182px;}
.products .productitem .wrapimages .image {padding-left:20px;}
.products .productitem .wrapimages .image img { height: 150px;  width: 160px; padding-top:25px}
.products .productitem .slOf_flag{height: 33px; margin-left: 5px;  margin-top: -19px; overflow: visible; width: 33px;
}
.products .productitem .slOf_flag .slOf_sale{background:url(images/CRIMSON.png) no-repeat center center; color:#ffffff; padding: 14px 10px 17px 11px; font-weight:bold;}
.products .productitem .content {padding-left:25px; padding-top:18px; color:#6B8E23; font-family:Times New Roman; font-style:italic; font-weight:bold; height:34px; width:147px;}
.products .productitem .content a{color:#6B8E23;}
.products .pagging {float:left; clear:both;padding-left:20px;}
.products .pagging ul.nav {overflow: hidden; padding: 0px;}
.products .pagging ul.nav li { display: inline; float: left;margin: 0px 5px;background: #990000;}
.products .pagging ul.nav li a {color: white;text-decoration: none;display: block; padding: 3px 8px;}
.products .pagging ul.nav li:hover {background: #3A7ABE;} .products .pagging ul.nav li.current {font-weight: bold; padding: 3px 8px; }

/*product detail*/

.productdetail {background:url(images/bg_detail.png) repeat-y; min-height:500px; margin-top:0px;}
.productdetail .title-content {float: left;padding-left: 37px; width: 332px; padding-right:18px;}
.productdetail .title-content .p1 { border-bottom: 1px dashed;  font-size: 30px; margin-top: 18px; padding-bottom: 10px;}
.productdetail .image { border: 3px solid #DDDDDD;  float: left;  height: 300px; margin: 3px; width: 300px;}
.productdetail .detail { clear: both; float: left;}
.productdetail .detail p { border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE;margin-left: 26px; padding-left: 10px; margin-right:26px; font-style:italic; color:#660033}
.productdetail .detail .content {  margin: 10px 31px;text-align: justify;}
/* form comment*/
.comment p {border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE;margin-left: 26px; padding-left: 10px; margin-right:26px; font-style:italic; color:#660033}
.comment p img {  padding-left: 15px;}
.comment .frmcomment {padding-left:31px; padding-bottom:50px;}
.hoten input {width:175px; margin-right:5PX; margin-bottom:5px;}
.comment .frmcomment .submit input {background:darkred;border: medium none; color: #FFFFFF; height: 30px;  margin-top: 5px; width: 52px; cursor:pointer;}
.comment-item {    border-bottom: 1px dashed #EEEEEE; margin-left: 32px; margin-right: 36px; padding-bottom: 5px;}
.comment-item p{border: medium none; margin-left: 0; padding-left: 0;}
.comment-item .cm-content {padding: 0 27px 0 11px;text-align: justify;}


/* shopping cart */
.cart-show .modulecontent{float:left; width:733px;}
.cart-show .listuser {margin-left:10px;}

.cart-show .listuser .row .tstt, .tname, .tdongia, .tsl ,.ttt {height:18px !important;}
.cart-show .listuser .tstt, .tname, .tdongia, .tsl, .stt, .name, .dongia, .sl, .tt, .ttt {float:left; border-top:1px solid #CC0000; padding-left:10px; padding-right:25px; border-right:1px solid #990000; border-bottom:1px solid #990000; background-color:#FF9966; padding-bottom:4px; padding-top:4px; color:#000000;height:45px;}
.cart-show .listuser .tstt, .stt {border-left:1px solid #990000; width:20px;}
.cart-show .listuser .tname, .name {width:181px;}
.cart-show .listuser .tsl, .sl {width:58px;}
.cart-show .listuser .tdongia, .dongia {width:100px;}
.cart-show .listuser .ttt, .tt { width:120px;}
.cart-show .listuser .stt, .name, .sl, .dongia, .tt {background-color:#ffffff}
.cart-show .listuser .row-final {border: 1px solid #990000; float: left; padding: 5px 0 5px 271px; width: 445px; min-height:30px;}
.cart-show .listuser .row-final input{background: #990000; color: #FFFFFF; line-height: 30px; margin-right: 105px; padding: 5px; border:none; cursor:pointer; }
.cart-show .listuser .row-tt p{float: left;  padding-left: 154px;}
.cart-show .listuser .row-tt p a {padding-right:30px;}
.cart-show .listuser .row-tt p a .img1 {width:167px;}
.cart-show .listuser .row-tt p a .img2 {width:147px;}
/* payment */
.new-login .modulecontent {float:left; width:733px; padding:0px; color:#666666;}
.new-login .modulecontent .rowsetting {padding-top:10px; float:left; clear:both;}
.new-login .col1, .col2 { float: left; padding-left: 10px;  padding-right: 10px; width: 345px;}
.new-login .col1 h2, .col2 h2{ text-transform:uppercase; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.new-login .col1 ul {list-style:outside; margin-top: 7px; padding-left: 24px;}
.new-login .col1 ul li {font-size:13px; padding-top:5px;}
.new-login .modulecontent .row2 {padding-left:50px; padding-bottom:10px; padding-top:10px;}
.new-login .modulecontent .row2 a{background: #990000; color: #FFFFFF; line-height: 30px; padding: 5px; border:none; cursor:pointer; }
.new-login .modulecontent .row2 .a2 {margin-left:330px;}
.new-login .col2 ul{margin-top: 7px; padding-left: 10px;}
.new-login .col2 label {width:70px;clear: both;float: left;line-height: 34px;}
.new-login .col2 input {background:  #FFFFFF; border: 1px solid #C9C9C9; border-radius: 5px 5px 5px 5px; height: 14px; margin-bottom: 0;padding: 7px; width: 220px;}
.new-login .col2 .input-box {padding:3px;}
.input-box {padding: 3px 3px 3px 50px;}
.input-box label {width:150px;;clear: both;float: left;line-height: 34px;}
.input-box input {background:  #FFFFFF; border: 1px solid #C9C9C9; border-radius: 5px 5px 5px 5px; height: 20px; margin-bottom: 0;padding: 7px; width: 220px;}
.input-info, .new-login {float:left; margin-bottom:10px;}
.input-info .modulecontent {float:left; width:733px;}
.help-text { padding-left:40px;color: #666666; font-size: 11px; font-style: italic;}
.error {color:#FF0000; font-style:italic; padding-left:10px;}
.input-box .submit {background: #990000; color: #FFFFFF; line-height: 30px; padding: 5px; border:none; cursor:pointer; height:30px; width:130px; font-family:tahoma; padding-top:3px; margin-left:395px; font-size:18px;}

/*Thong tin don hang*/
.order .table {padding-bottom:10px; padding-top:10px; padding-left:45px; text-align:center;}
.order .table tr{padding:3px; height:30px;}
.customer table{padding-left:60px;}
.customer table tr{height:30px;}
.customer table td{padding-left:5px; min-width:158px;}
.customer p {padding-left:145px;}
.customer p a{ padding-right:100px}
.customer .a1 {background: #990000; color: #FFFFFF; line-height: 30px; margin-right: 105px; padding: 10px; cursor:pointer;font-weight: bold; }

